/* pages/orderDetail/orderDetail.wxss */
.orderDetail {
  height: 100vh;
  background-color: #F4F7FB;
  width: 100%;
  padding: 32rpx;
  box-sizing: border-box;

  .detail-card {
    width: 100%;
    box-sizing: border-box;
    padding: 32rpx;
    background-color: #fff;
    border-radius: 8rpx;
    margin-bottom: 32rpx;

    .title {
      color: #333;
      font-family: PingFang SC;
      font-size: 32rpx;
      font-style: normal;
      font-weight: 400;
      padding-bottom: 32rpx;
      border-bottom: 1px solid #E7E7E7;
      margin-bottom: 32rpx;
    }

    .row {
      margin-bottom: 16rpx;

      &:nth-last-child(1) {
        margin-bottom: 0;
      }

      .text {
        color: #666;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 400;
      }

      .r-content {
        color: #333;
        font-family: PingFang SC;
        font-size: 28rpx;
        font-style: normal;
        font-weight: 400;
      }

      .remain {
        color: #0C4DF9;
        font-size: 28rpx;
        font-weight: 600;
      }

      .overTime {
        color: #F53F3F;
        font-size: 28rpx;
        font-weight: 600;
      }
    }
  }

  .tabBox {
    width: calc(100% + 32rpx);
    display: flex;
    white-space: nowrap;
    overflow: scroll;
    .tab-item {
      color: #0C4DF9;
      font-family: PingFang SC;
      font-size: 28rpx;
      font-style: normal;
      font-weight: 400;

      background-image: url('../../assets/image/dataStatis.png');

      padding: 16rpx 32rpx;
      background-color: #fff;
      border-radius: 4px;
      margin-right: 32rpx;
    }
    .active-tab {
      background-color: #0C4DF9;
      color: #fff;
    }
    .disable-tab {
      background-color: #E8EEF5;
      color: #9CAAC7;
    }
  }
}